<!--
 * @Author: your name
 * @Date: 2020-09-12 11:56:51
 * @LastEditTime: 2020-09-22 13:51:44
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \PipeOneMap_WebClient\src\app\shared\components\table-data\table-data.component.html
-->
<div class="dataTable">
  <nz-table #fixedTable [nzData]="data" [nzScroll]="{ x: keys.length*120 + 'px', y: '210px' }"  [nzShowPagination] = 'false' nzSize="small"  nzTableLayout="fixed">
    <thead>
      <tr>
        <th nzEllipsis *ngFor="let item of keys" class="title" title="{{ item }}" [nzBreakWord]="false">{{item}}</th>
      </tr>
    </thead>
    <tbody style="overflow: scroll; min-height: 240px;">
      <tr *ngFor="let d of fixedTable.data, let i = index" class="tbody-tr">
        <td nzEllipsis *ngFor="let item of keys" [ngClass]="{active: selectindex === i}" (click)="showDetail(d, i)" (mouseenter)="mouseenter(d)" (mouseleave)="mouseleave(d);" class="tdSty" title="{{ d.detail[item] }}">{{ d.detail[item] }}</td>
      </tr>
    </tbody>
  </nz-table>
</div>
